<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Test in Vue.js</title>
  <style>
    body {
      margin: 0;
      display: grid;
      justify-content: center;
    }

    p {
      text-align: center;
    }
  </style>
</head>

<body>
  <div id="app">
    <my-component :text="message"></my-component>
  </div>

  <p>Edit <code>src/index.tsx</code> and save to test HMR</p>
</body>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script type="module">
  import "./src/index.tsx"

  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: '为跨技术栈而生vuecuevuvuvvuuvuvvuevue！'
      }
    }
  }).mount('#app')
</script>

</html>